<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="styles.css" rel="stylesheet"/>
</head>
<body>

<ul class="menu">
    <li>
        <a href="#">Cars</a>

        <div>
            <ul>
                <li>BMW</li>
                <li>Audi</li>
                <li>Mercedes</li>
                <li>Peugeot</li>
            </ul>
        </div>

    </li>
    <li>
        <a href="#">Animals</a>

        <div>
            <ul>
                <li>Lion</li>
                <li>Tiger</li>
                <li>Elephant</li>
                <li>Rabbit</li>
            </ul>
        </div>
    </li>
    <li><a href="#">Cities</a></li>
    <li><a href="#">Computers</a></li>
    <li><a href="#">Countries</a></li>
    <li><a href="#">Super heroes</a></li>
</ul>

<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>

</body>
</html>